<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
	</head>
	<body>

		<ul>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		
	</body>
</html>
<script>
	// 数组
	// 存储大量数据的有序集合
	// 通过字面量创建数组
	var arr = [1, 2, 3, false, "我爱你", "呵呵", "来啊", "嘲讽一下"];

	// 通过数组名[下标]的形式可以获取数组中的值, 下标从0开始
	// console.log(arr[0]);
	// console.log(arr[3]);
	// console.log(arr[4]);

	// 数组的长度
	console.log(arr.length);

	// 打印数组中的所有值
	// 遍历数组
	for (var i = 0; i < arr.length; i++) {
		console.log("arr[" + i + "] = " + arr[i]);
	}

	// 创建一个空的数组
	var arr2 = [];
	arr2[0] = 1;
	arr2[1] = 3;
	console.log(arr2);

	arr2[1] = "I love you";
	console.log(arr2);

	// 数组中可以放表达式
	var a = 20, b = 30, c = 35;
	var arr3 = [a * a, a + b, b * c];
	console.log(arr3);

	// 稀疏数组, 没有值的元素为undefined
	var arr4 = [1, ,2];
	console.log(arr4[10]);
	arr4[10] = 20;
	console.log(arr4.length);

	// 求数组中的所有值得和
	var arr5 = [35, 9, 20, 30, 56, 78];
	var r = 0;
	for (var i = 0; i < arr5.length; i++) {
		r += arr5[i];
	}
	console.log("r = " + r);
	console.log("平均数: " + r / arr5.length);

	// 求数组中的最大数
	var max = arr5[0];
	for (var i = 1; i < arr5.length; i++) {
		// max = max > arr5[i] ? max : arr5[i];
		if (max > arr5[i]) {
			max = max;
		} else {
			max = arr5[i];
		}
	}

	// 通过标签名获取元素
	var lis = document.getElementsByTagName('li');
	console.log(lis);
	var fruit = ["banana", "orange", "apple", "pear", "melons"];
	for (var i = 0; i < lis.length; i++) {
		// 获取当前的li
		var li = lis[i];

		// 给双标签元素赋内容
		li.innerHTML = fruit[i];
	}

	// 数组的类型是object
	console.log(typeof arr5);


	// 二维数组
	// var panzi = [
	// 	["王开宇", "王鹏飞", "马超群", "丁笑笑", "万晓慧", "王芳"],
	// 	["丁亮", "BYP", "LHS", "GK", "XW", "NYX", "ZC", "WH"],
	// 	["HWQ", "GYF", "ZHH", "WMJ", "ZXD", "HYD", "QYF", "YZW"]
	// ];
	var c1 = ["王开宇", "王鹏飞", "马超群", "丁笑笑", "万晓慧", "王芳"];
	var c2 = ["丁亮", "BYP", "LHS", "GK", "XW", "NYX", "ZC", "WH"];
	var c3 = ["HWQ", "GYF", "ZHH", "WMJ", "ZXD", "HYD", "QYF", "YZW"];
	var panzi = [c1, c2, c3];
	console.log(panzi[1][4]);

	// 遍历盘子中有多少串羊肉串
	for (var i = 0; i < panzi.length; i++) {
		// 遍历每串羊肉串上的每一块肉
		var tmp = panzi[i];

		for (var j = 0; j < tmp.length; j++) {
			document.write(tmp[j] + " ");
		}
		document.write("<hr>");
	}	


 


</script>